<template>
  <div>
    <!-- <slot name="aaa"></slot>
    <h3>插槽</h3>
    <slot name="bbb"></slot> -->
    <!-- <div v-html="html">

    </div> -->

    <!-- <slot name="aaa" :title="title"></slot> -->
    <h3>
      {{ $t("el.colorpicker.confirm") }}
    </h3>

    <h3>
      {{ $t("el.datepicker.selectDate") }}
    </h3>

    <el-select v-model="value" @change="change" placeholder="请选择">
      <el-option label="中文" value="zh"> </el-option>
      <el-option label="英文" value="en"> </el-option>
      <el-option label="不知道" value="ru"> </el-option>
    </el-select>
  </div>
</template>

<script>
export default {
  // props: ['html']
  created() {},
  data() {
    return {
      title: "我是子组件中的标题",
      value: "zh",
    };
  },
  methods: {
    change(val) {
      this.$i18n.locale = val;
    },
  },
};
</script>

<style>
</style>